﻿// Back to Top
//$(function () {
//    $(window).scroll(function () {
//        if ($(this).scrollTop() != 0) {
//            $('#bttop').fadeIn();
//        } else {
//            $('#bttop').fadeOut();
//        } 
//    }); $('#bttop').click(function () {
//        $('body,html').animate({ scrollTop: 0 }, 800);
//    });
//});
(function(){
	// Ẩn hiện icon go-top
	$(window).scroll(function(){
		if( $(window).scrollTop() == 0 ) {
			$('#go_top').stop(false,true).fadeOut(600);
		}else{
			$('#go_top').stop(false,true).fadeIn(600);
		}
	});
			
	// Cuộn trang lên với scrollTop
	$('#go_top').click(function(){
		$('body,html').animate({scrollTop:0},400);
		return false;
	})
})(jQuery);
//Add facebook plugin
(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));

//Make emotion for menu.
$(function () {
    /**
    * for each menu element, on mouseenter, 
    * we enlarge the image, and show both sdt_active span and 
    * sdt_wrap span. If the element has a sub menu (sdt_box),
    * then we slide it - if the element is the last one in the menu
    * we slide it to the left, otherwise to the right
    */
    $('#sdt_menu > li').bind('mouseenter', function () {
        var $elem = $(this);
        $elem.find('img')
						 .stop(true)
						 .animate({
						     'width': '142px',
						     'height': '142px',
						     'left': '0px'
						 }, 400, 'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({ 'top': '142px' }, 500, 'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({ 'height': '142px' }, 300, function () {
						     var $sub_menu = $elem.find('.sdt_box');
						     if ($sub_menu.length) {
						         var left = '142px';
						         if ($elem.parent().children().length == $elem.index() + 1)
						             left = '-142px';
						         $sub_menu.show().animate({ 'left': left }, 200);
						     }
						 });
    }).bind('mouseleave', function () {
        var $elem = $(this);
        var $sub_menu = $elem.find('.sdt_box');
        if ($sub_menu.length)
            $sub_menu.hide().css('left', '0px');

        $elem.find('.sdt_active')
						 .stop(true)
						 .animate({ 'height': '0px' }, 300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
						     'width': '0px',
						     'height': '0px',
						     'left': '85px'
						 }, 400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({ 'top': '25px' }, 500);
    });
});